<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>  
<%
java.lang.String path = request.getContextPath();
%>
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>云网络微营销平台</title>
<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="js/pop.js"></script>
<style type="text/css">
body{padding:0;margin:0px;font-size:12px;color:#555;font-family:Verdana;}
select{margin-left:1.5em;vertical-align:middle;border:1px solid #b4cceb;height:22px;font-size:12px;}
#main{width:800px;margin:auto;}
*{padding:0;margin:0}
input{font-size:12px;}
#wrap{background:url(img/top_01.png) center bottom no-repeat;height:170px;}
#wrapb{background:url(img/top_02.png) center  top no-repeat;height:15px;}
#wrapc{background:url(img/top_03.png) center  top no-repeat;height:350px;}
#logo{background:url(img/logo.gif) center top no-repeat;height:80px;width:282px;}
.logo{padding:80px 0 0 200px;}
.login{margin:0 0 0 140px;padding-top:10px;}
.login th{height:33px;line-height:33px;list-style:none;text-align:right;font-weight:normal;width:200px;font-size:12px;}
.login td{text-align:left;font-size:12px;}
.input{font-size:12px;vertical-align:middle;height:17px;margin-top:2px;border:1px solid #fff;color:#666;}
.logo-icon{border: 1px solid; border-color: #8cb7e1 #e3f0fc #e3f0fc #8cb7e1;float:left;margin-left:1.5em;_margin-left:.7em;background:#fff;padding-right:.5em;}
.logo-icon div{background:#fff url(img/login-icon.gif);width:18px;float:left;margin-top:3px;margin-left:.5em;}
.logo-icon .pw{background-position:1px 1px;width:18px;height:20px;}
.logo-icon .pwpd{background-position:0 -49px;width:18px;height:20px;}
.logo-icon .yan{background-position:0 -99px;width:18px;height:20px;}
.logo-icon .daan{background-position:1px -148px;width:18px;height:20px;}
.logo-icon .pw2{width:100px;}
.logo-icon .pwpd2{width:100px;}
.logo-icon .yan2{width:5em;}
.bottom{text-align:center;margin:auto;padding-top:1em;color:#888;}
#pop{background:#fff;width:320px;border:1px solid #9AC2E5;font-size:12px;position: absolute;right:10px;bottom:10px;}
#popHead{line-height:32px;position:relative;font-size:12px;padding:0 0 0 10px;border-bottom: 1px solid #9AC2E5;background: #EAF2FA;}
#popHead h2{font-size:14px;color:#3C80C8;font-weight:bold;line-height:32px;height:32px;}
#popHead #popClose{position:absolute;right:10px;top:1px;}
#popHead a#popClose:hover{color:#f00;cursor:pointer;}
#popContent{padding:5px 10px;border: 1px solid #CBDAEA;}
#popTitle{line-height:24px;font-size:14px;font-family:'微软雅黑';color:#333;font-weight:bold;text-decoration:none;display:none;}
/*#popTitle:hover{color:#f60;}*/
#popIntro{text-indent:24px;line-height:160%;margin:5px 0;color:#666;}
#popMore{text-align:right;border-top:1px dotted #ccc;line-height:24px;margin:8px 0 0 0;}
#popMore a{color:#f60;}
#popMore a:hover{color:#f00;}
</style>
<script type="text/javascript">
function refresh(o){
	 //重载验证码
	 var timenow = new Date().getTime();
	 o.src="<%=path%>/kaptcha.jpg?d="+timenow;
	 //超时执行;
	 setTimeout(function(){
	  o.src="<%=path%>/kaptcha.jpg?d="+timenow;
	 }
	  ,200);
	  
	}
</script>
</head>
<body>
<div id="main">
  <div id="wrap">
    <div class="logo">
      <div id="logo"></div>
    </div>
  </div>
  <div id="wrapb"></div>
  <div id="wrapc">
    <div class="login">
      <form method="post" name="login" action ="<%=path%>/login">
        <input type="hidden" name="formhash" value="6643bc7b" />
        <table cellpadding="0" cellspacing="0" width="100%">
        <c:if test="${not empty param.error}">
				<tr><th><font color="red">用户名或密码错误或已冻结</font> </th></tr>  
			</c:if>
			<c:if test="${not empty param.v}">
				<tr><th><font color="red">验证码错误</font> </th></tr>  
			</c:if>
          <tr>
            <th>登录账号</th>
            <td><div class="logo-icon">
                <div class="pw"></div>
                <input class="input pw2" name="j_username" type="text" name="j_username" tabindex="1"/>
              </div></td>
          </tr>
          <tr>
            <th>登录密码</th>
            <td><div class="logo-icon">
                <div class="pwpd"></div>
                <input class="input pwpd2" type="password" tabindex="2" name="j_password" />
              </div></td>
          </tr>
		  <tr>
            <th>验 证 码</th>
            <td><div class="logo-icon"><div class="yan"></div>
            	<input class="input yan2" style="width:48px;" type="text" name="validateCode" tabindex="3" id="validateCode"/>
                <img  style="cursor:pointer;margin-left:3px;height:20px;" src="<%=path%>/kaptcha.jpg?d=" id="randImg"  onclick="refresh(this);" title="看不清楚，点击获得新图片" align="absmiddle" style="cursor: pointer;border:1px solid #939182; margin-left: 3px; height: 22px;width:62px;"/>
			</div>
			</td>
          </tr>
          <tr>
            <th></th>
            <td><input name="submit" type="image" src="img/login.gif" tabindex="4" style="margin-left:1.5em;margin-top:.5em;width:80px;height:30px;" /></td>
          </tr>
        </table>
      </form>
    </div>
  </div>
</div>
<div class="bottom"><img  src="img/blogo.gif">
</div>
<div id="notice" style="width:440px;margin-left:38%;margin-top:20px;font-size:14px;font: normal 28px/36px "Microsoft YaHei";"></div>
<div><a href="http://webscan.360.cn/index/checkwebsite/url/baiwan.gotoip3.com"><img border="0" src="http://img.webscan.360.cn/status/pai/hash/c4ad693a59186014f51a96ace6e3b749"/></a></div>

<script language="JavaScript"> 
document.login.j_username.focus();
var intervalglobal;
var intervaltime = 120000;
var notice_content="";
function getNotice()
{
    $.ajax({
		type:"GET",
		url:"ajax/getLastNotice",
		dataType:"json",
		data:'',
		success:function(notice)
		{
			$("#notice").html(notice["content"]);
			
			
		}
	});
}
$(function(){
    getNotice();
    
});
</script>
</body>
</html>




